<!DOCTYPE html>
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <title>Text input with @title and :before and :after content rule</title>
         <style>
        label:before { content: "foo"; }
        label:after { content: "baz"; }
      </style>
   </head>
   <body>
      <form>
         <label for="test"><input id="test" type="checkbox" name="test" title=" bar "></label> 
      </form>
   </body>
</html>
